<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>抱抱堂-大话西游3</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=0.5, maximum-scale=4.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="{:C('IMG_PATH')}static/css/main.css?x=12">
    <style>
        .linear-bg {
            background-image:url({:C('IMG_PATH')}static/hd/dhxy3/bg.png);
            background-color: #000;
            background-position:top center;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }
        .logo{
            padding-top: 3vh;
            text-align: center;
        }
        .logo img{
            width: 50vw;
            height: auto;
        }
        .prize{
            padding-top:50vh;
            text-align: center;
            color: #F3D584;
            font-size: 1.5rem;
            line-height: 1.3em;
        }
        section.gift .gift_personal_info p.captcha_box button{
            height: 30px;
        }
        .btn{
            border: none;
        }
        .btn1{
            background-image:url({:C('IMG_PATH')}static/hd/dhxy3/btn1.png);
            background-position: center;
            background-size: 100% auto;
            font-size: 1px;
            height:60px;
            width: 120px;
        }
        .btn2{
            background-image:url({:C('IMG_PATH')}static/hd/dhxy3/btn2.png);
            background-position: center;
            background-size: 100% auto;
            font-size: 1px;
            height:34px;
            width: 124px;
        }
        section.card{
            padding: 10px 0;
            background-color: #38281D;
            border: 2px solid #9F8655;
        }
        section.warning{
            background-color: #fff;
            border:none;
        }
        section.warning .brief_content p:first-child{
            color: #E30B20;
            font-weight: bolder;
        }
        section.warning .brief_content p:last-child{
            color: #E30B20;
            font-size: 13px;
            padding: 10px 0;
            border-bottom: 1px dotted #C2C2C2
        }
        section.gift .gift_personal_info{
            padding-top: 0;
        }
        section.gift .gift_personal_info > div{
            font-size: 1rem;
            line-height: 1.8em;
            color: #DBBF76;
        }
        section.gift .gift_personal_info input{
            background-color: #563D2C;
            border:1px solid #998151;
            color: #966A4B;
        }
        section.gift .gift_personal_info .location input{
            height: inherit;
            width: auto;
            display:inline;
        }
        section.gift .gift_personal_info .location label{
            display: inline-block;
            width:22%;
            text-align: left;
        }
        .gift_btn1{
            text-align: center;
            padding: 15px 0 0 0;
        }
        .brief_content{
            color: #793612;
            font-size: 20px;
        }
        .logo2{
            position: absolute;
            text-align: center;
            top:2vh;
            right:4vw;
            width: 50vw;
        }
        .logo2 img{
            width: 100%;
        }
    </style>
</head>
<body class="linear-bg">
<section class="logo">
    <img src="{:C('IMG_PATH')}static/hd/dhxy3/logos.png">
</section>
<section class="prize">
    <if condition="$description eq ''">
        <p>今天奖品已经发完</p>
        <else />
        <p>天气通福利</p >
        <p style="color:#F5FCE8">恭喜你获得“抱抱堂”提供</p >
        <p>{$description}</p>
    </if>
</section>
<section class="gift card">
    <form id="getGift" onsubmit="return false;">
    <section class="gift_personal_info">
        <div>请输入手机号领取奖品</div>
        <p><input type="text" name="mobile" placeholder="输入手机号" /></p>
        <p class="captcha_box">
            <input name="captcha_number" id="captcha_number" type="number" />
            <button class="btn btn1" id="captcha"></button>
        </p>
        <div>您在什么地方</div>
        <div class="location">
            <label><input type="radio" name="city" value="1">杭州</label>
            <label><input type="radio" name="city" value="2">长沙</label>
            <label><input type="radio" name="city" value="3">南京</label>
            <label><input type="radio" name="city" value="4">苏州</label>
            <label><input type="radio" name="city" value="5">厦门</label>
            <label><input type="radio" name="city" value="6">长春</label>
            <label><input type="radio" name="city" value="7">大连</label>
        </div>
        <div class="gift_btn1">
            <button class="btn btn2"></button>
        </div>
    </section>
    </form>
</section>
<section class="gift card">
    <section class="gift_personal_info">
        <div style="font-size:0.8rem;line-height:1.6em;">
             活动说明：<br>
             1、9月14号—9月16号期间，你所在的城市天气通预报夜晚天气为晴或多云的情况下，即可领取“惊喜”大礼哦！<br>
             2、本次活动城市：杭州、南京、长沙、苏州、厦门、长春、大连<br>
             3、 中奖用户只可在本地领取，不可异地兑奖<br>
        <if condition="$prizes_grade eq 1">
            《大话西游3》兑换码使用步骤：<br>
            1、兑换券有效期9月28日内，注册&登录抠电影网站（www.komovie.cn）或抠电影App；仅限售价100元以下的场次使用，VIP及特殊场次除外；<br>
            2、选择城市->选择影片《大话西游3》->影院->所需场次->选座购票->选择座位<br>
            3、输入取票手机号码->点击“立即购买”<br>
            4、选择<优惠券/兑换码><br>
            <elseif condition="$prizes_grade eq 2"/>
            爆米花领取规则:<br>
            1、到店出示中奖短信<br>
            2、点开短信中的链接并输入手机号<br>
            2、向店员出示页面中的二维码<br>
            3、爆米花领取截止日期：9月17号，逾期门店将不予兑奖<br>
            活动门店:<br>
            1、长沙市开福区泊富广场负二楼华润万家收银台对面罗蒂公主(泊富店), 电话:18684787775<br>
            2、大连市沙河口区中长东五街加利亚公寓一楼加利亚物业管理中心超市（沙河口火车站对面),电话:15542416134<br>
            3、长春市南关区财神市场西门百盛超市, 电话:18946591792<br>
            4、江苏省苏州市姑苏区万达广场万达宝贝王人民路3188号宝贝王,电话:18021651130<br>
            5、杭州市东宁路火车东站西广场,日出茶太店,电话:182581209464<br>
            6、江苏省南京市浦口区大桥北路靠近食星级美食广场研磨时光咖啡, 电话:15077888058<br>
            7、福建省厦门市集美区珩圣路靠近厦门特色水煎包汉德卷, 电话:13959250466<br>
        </if>
        </div>
    </section>
</section>
</body>
<script src="http://yyy.bbtpictures.com/static/zepto.min.js"></script>
<script>
    $("#captcha").click(function(){
        var phoneNumber = $("input[name='mobile']").val();
        $.ajax({
            url : "{:U('Huodong/openApi/getPhoneCaptcha')}",
            cache : false,
            type : "POST",
            dataType : "json",
            data : {
                "phone_number" : phoneNumber
            },
            success : function(msg, textStatus){
                if (msg.errcode == 0) {
                    if (msg.data.status == 0) {
                        alert('验证码下发成功');
                        return;
                    }
                    if (msg.data.status == 4) {
                        alert('每天限制3条短信已经用完，有问题请联系客服');
                        return;
                    }
                    alert('验证码下发失败，请重试');
                } else {
                    alert('验证码下发失败，请重试');
                }
            },
            error : function(){
                alert('验证码下发失败，请重试');
            }
        });
        return false;
    });
    $(".btn2").click(function(){
        var form = $("#getGift").serializeArray();
        $.ajax({
            url : "{:U('Huodong/openApi/getPrizesByMobile')}",
            cache : false,
            type : "POST",
            dataType : "json",
            data : form,
            success : function(msg, textStatus){
                if (msg.errcode == 0) {
                    if (msg.data.status == 0) {
                        alert('兑换码已经通过短信发送给您!');
                    } else if(msg.data.status == 5) {
                        alert('活动期间一个用户只能领取一次哦!');
                    } else if(msg.data.status == 1) {
                        alert('请您填写完整信息!');
                    } else if(msg.data.status == 2) {
                        alert('验证码错误!');
                    } else {
                        alert('哇哦,系统出错了!');
                    }
                    return;
                }
                alert('哇哦,系统出错了!');
            },
            error : function(){
                alert('哇哦,系统出错了!');
            }
        });
        return false;
    });
</script>
<script>
</script>
</html>